<template>
	<view v-if="list" class="header">
		<image style="width: 30px; height: 30px;borderRadius: 50%;" :src="list.p || list.user_photo"></image>
		      <!-- <img :src="list.p" class="userImg"> -->
		      <view class="listBox">
		        <view class="name">
		          <view class="userName">{{list.n || list.nickname}}</view>
		          <view class="lv" v-if="list.lv || list.lvl">LV.{{list.lv || list.lvl}}</view>
		        </view>
		        <!-- <view v-if="list.followers_count_text" class="fensi">
		          <text>{{list.followers_count_text}}</text>
		          <text>{{list.recipes_count_text}}</text>
		        </view> -->
		      </view>
		  </view>
	</view>
</template>

<script>
	export default {
		name:"ListsTop",
		props:["list"],
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
.header{
height: 60px;
display: flex;
align-items: center;
  .listBox{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 10px;
    .name{
      display: flex;
	  align-items: center;
      .userName{
        // line-height:60px;
        margin-right: 10px;
      }
      .lv{
        // line-height:60px;
        color: #cba43b;
        font-style: italic;
        font-size: 12px;
		transform: scale(.9);
        margin-top: 3px;
      }
    }

  }
}
</style>
